<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>41. 原子组在替换中的使用技巧</title>
</head>
<main>
    <a style="color: red;" href="http://hdcms.com">
        开源系统
    </a>
    <a id="li" href="http://houdunren.com">后盾人</a>
    <a href="http://yahoo.com">雅虎</a>
    <h4>http://www.hdcms.com</h4>
</main>

<body>
</body>
<script>
    let main = document.querySelector('body main');
    let reg = /(<a.*href=['"])(http)(:\/\/)(www\.)?(hdcms|houdunren)/gi;
    // main.innerHTML = main.innerHTML.replace(reg, (v, p1, p2, p3, p4, p5) => {
    //     console.log(v); //<a style="color: red;" href="http://www.hdcms
    //     console.log(p1); //<a style="color: red;" href="
    //     console.log(p2); //http
    //     console.log(p3); //://
    //     console.log(p4); //www.
    //     console.log(p5); //hdcms
    // })

    main.innerHTML = main.innerHTML.replace(reg, (v, ...args) => {
        // console.log(v); //<a style="color: red;" href="http://www.hdcms
        console.log(args);
        args[1]+='s';
        args[3]=args[3]||'www.';
        //splice 数组切片 slice 也是
        // console.log(args.splice(0,5))
        console.log(args.splice(0,5).join(""))
        return args.splice(0,5).join("");
    })
</script>

</html>